<script setup>
  import {ref, reactive} from "vue"
  import {View} from "@element-plus/icons-vue"
  const ruleForm = reactive({})
  const ruleFormRef = ref()
  const rules = {

  }

  const tableData = [
    {
      date: '2016-05-03',
      name: 'Tom',
      address: 'No. 189, Grove St, Los Angeles',
    },
  ]
</script>

<template>
  <el-container style="height: 100%">
    <el-aside width="600px" style="border-right: 1px solid #eee; padding: 20px">
      <div style="margin: 40px 0">
        <h1 style="font-size: 24px">检索测试</h1>
        <p>最后一步！ 成功后，剩下的就交给 Agent 吧。</p>
      </div>
      <el-divider></el-divider>
      <div>
        <el-form
            ref="ruleFormRef"
            style="max-width: 600px"
            :model="ruleForm"
            :rules="rules"
            label-width="auto"
            label-position="top"
            class="demo-ruleForm"
            status-icon>
          <el-form-item label="相似度阈值" prop="name">
            <el-slider :min="0.0" :max="1.0" />
          </el-form-item>
          <el-form-item label="关键字相似度权重" prop="name">
            <el-slider :min="0.0" :max="1.0" />
          </el-form-item>
          <el-form-item label="Rerank模型" prop="name">
            <el-select  />
          </el-form-item>
          <el-form-item label="测试文本" prop="name">
            <el-input type="textarea" rows="5" />
          </el-form-item>
        </el-form>
        <div style="text-align: right">
          <el-button type="primary">测试</el-button>
        </div>
      </div>
    </el-aside>
    <el-main>
      <el-card>
        <template #header>选择的文件</template>
        <el-table :data="tableData" style="width: 100%" size="large">
          <el-table-column type="selection" width="55" />
          <el-table-column label="名称">
            <template #default="scope">
              <div style="padding: 10px 0">{{scope.row.name}}</div>
            </template>
          </el-table-column>
          <el-table-column label="数量">
            <template #default="scope">
              <div style="padding: 10px 0">{{scope.row.name}}</div>
            </template>
          </el-table-column>
          <el-table-column label="操作">
            <template #default="scope">
              <div style="padding: 10px 0">
                <el-button type="text" circle :icon="View"></el-button>
              </div>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination style="margin-top: 10px" :total="400"></el-pagination>
      </el-card>
      <el-card style="margin-top: 10px">
        <template #header>
          <span style="padding-right: 10px">65.31</span><span style="padding-right: 10px">混合相似度</span>
          <span style="padding-right: 10px">65.61</span><span style="padding-right: 10px">关键词相似度</span>
          <span style="padding-right: 10px">向量相似度</span><span>向量相似度</span>
        </template>
        <div>
          政策环境 二十大要求加快发展数字经济，并提出推进教育数字化 《国家职业教育改革实施方案》（职教20条） 2019 年 2 月国务院发布。 “职教20 条” 提到了工学结合、 产教融合、校企合作等指导性意见。 意见在第九条中提到要知行合一、 工学结合，要总结现代学徒制和企业新型学徒制试点经验， 校企共同研究制定人才培养方案， 及时将新技术、 新工艺、 新规范纳入教学标准和教学内容， 强化学生实习实训。 在第十条中提到要推动校企全面加强深度合作， 主动与具备条件的企业在人才培养、 技术创新、 就业创业、 社会服务、 文化传承等方面开展合作。 2021年中国数字经济规模达45.5万亿元，占GDP比重达到39.8%，同比名义增长 16.2% 位居世界第二，成为经济增长新引擎。 数字产业化 产业数字化 二十大后党中央国务院部署教育改革的首个指导性文件，将职业教育与产业转型升级相结合的趋势带入了新关口。借助互联网思维和方法，将现代信息技术与教育深度融合，积极探索新模式、开发新产品、推进新技术支持教育教学创新。
        </div>
      </el-card>
    </el-main>
  </el-container>
</template>

<style scoped>

</style>